body,p,h1,br,hr,h2,h3,h4,h5,ul,li,ol,dl,dt,dd,input,button,img,form,table,thead,tbody,tr,th,td,fieldset,legend{margin:0;padding:0;}
ul,li,ol{list-style:none;}
a{display:inline-block;text-decoration:none;color:#504F4B;}
img{border:none;}
body,html{min-height:100%;}
body{min-width: 1300px;font-size:14px;color:#504F4B;line-height:1.5;font-weight:400;font-family:'Microsoft YaHei', '微软雅黑', Helvetica, Tahoma, Arial, SimSun, '宋体', Heiti, '黑体', sans-serif;}
span,i {display: inline-block;}


/* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}
/* 定义滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}
/* 定义滑块 */
::-webkit-scrollbar-thumb {
  background-color: #eee;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
::-webkit-scrollbar-thumb:active {
  background-color: #888;
}

.clearfix:after{content:"";display:block;clear:both;}
.pull-left {float: left !important;}
.pull-right {float: right !important;}

.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.y-center::after {content: '';display: inline-block;vertical-align: middle;height: 100%;}
.y-center > * {display: inline-block;vertical-align: middle;}

.com-table {display: table;width: 100%;}
.com-table-cell {display: table-cell; vertical-align: middle}

/*公共尺寸*/
.com-mb-10 {margin-bottom: 10px;}
.com-mb-20 {margin-bottom: 20px;}

/*公共内容*/
.com-main {padding: 20px; height: 100%; overflow: auto; background: #fff; box-sizing: border-box;}

/*下拉菜单*/
.el-dropdown-menu {
	.el-dropdown-menu__item {
		padding: 0;
		& > * {
			display: inline-block;
			padding: 0 20px;
			white-space: nowrap;
		}
	}
}

/*公共表格样式*/
/*style01 - thead渐变色，tbody隔行换色*/
.el-table.style01, .el-table.style02 {
	thead {
		background: linear-gradient(#DBE1D7, #ffffff);
		font-size: 14px;
		tr, th {
			background: none;
		}
		th {
			padding: 11px 0;
		}
	}
	tbody {
		tr:nth-child(2n) td {
			background-color: #FAFBED;
		}
	}
}

.el-table.style03{
	thead {
		background-color: transparent;
		font-size: 14px;
		tr, th {
			border:0px;
			background-color: transparent;
		}
		th {
			padding: 11px 0;
		}
	}
	tbody {
		tr:nth-child(2n) td {
			background-color: transparent;
		}
	}

}

/*style03 - thead渐变色，tbody隔行换色，thead绿色 */
.el-table.style03 {
	thead {
		// background: linear-gradient(#98A37F, #AAB691, #D8DCCE);
		th {
			color: #33B0CC;
			border-right: none;
		}
	}
}

/*style02 - thead渐变色，tbody隔行换色，thead绿色 */
.el-table.style02 {
	thead {
		background: linear-gradient(#98A37F, #AAB691, #D8DCCE);
		th {
			color: #fff;
			border-right: none;
		}
	}
}
/*head-ellipsis*/
.el-table.head-ellipsis {
	thead th .cell {
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

/*弹窗*/
/*style01*/
.el-dialog__wrapper.style01 {
	text-align: center;
	&:after {
		content: '';
		display: inline-block;
		width: 0;
		height: 100%;
		vertical-align: middle;
	}
	.el-dialog {
		display: inline-block;
		margin: 0 !important;
		text-align: left;
		vertical-align: middle;
	}
	.el-dialog__header {
		position: relative;
		padding: 0 20px;
		background: #f5f8f2;
		.el-dialog__title {
			height: 46px;
			line-height: 46px;
			color: #395626;
			font-weight: 600;
		}
		.el-dialog__headerbtn {
			top: 50%;
			margin-top: -8px;
		}
	}
	.el-dialog__body {
		padding: 10px;
		min-height: 100px;
		max-height: calc(100vh - 15vh - 110px);
		overflow: hidden;
		box-sizing: border-box;
	}
	.el-dialog__footer {
		padding: 15px 10px;
		background: #F0F4F7;
		border-top: 1px solid #c0c4cd;
	}
}

/* 表单 */
/* com-table-form */
.el-form.com-table-form {
	table {
    width: 100%;
    border: 1px solid #E6E9EC;
    border-collapse: collapse;
    tr {
      margin-top: -1px;
    }
    td {
      border: 1px solid #E6E9EC;
      &.require:before {
      	content: '*';
      	position: relative;
      	top: 2px;
      	color: red;
      	margin-right: 4px;
      }
      &:nth-child(2n+1) {
        width: 100px;
        background: #F5F5F5;
        border-right: 1px solid #E6E9EC;
        text-align: right;
      }
      &:nth-child(2n+2) {
        padding: 10px;
      }
    }
  }
  .el-form-item {
    margin-bottom: 0;
    transition: margin-bottom .3s;
    &.is-error {
      margin-bottom: 18px;
    }
  }
}
/**
 *@抽屉
 */
.com-drawer {
	.el-drawer {
		outline: medium;
	}
	.el-drawer__header  {
		margin: 0;
		padding-bottom: 20px;
		border-bottom: 1px solid #E8E8E8;
		span:focus {
			outline: medium;
		}
}
}

